<div class="folding-container" [ngClass]="{
  'folding-container-active': options.visible
}" #folding>
  <div class="folding-button" (click)="onClickButton($event)">
    <div class="folding-button-inner" [ngSwitch]="options.iconType">
      <img [src]="options.imgSrc" alt="" *ngSwitchCase="'img'">
      <i class="{{options.icon}}" *ngSwitchCase="'icon'"></i>
    </div>
  </div>
  <div class="folding-content" *ngIf="!options.button"
  [ngClass]="{
    'collapse': !options.visible,
    'visible': options.visible,
    'folding-content-rectangle': options.style === 'rectangle',
    'folding-content-ellipse': options.style === 'ellipse'
  }" (click)="onClickContent($event)" #content>
    <div class="folding-content-arrow"></div>
    <div class="folding-content-inner">
      <ng-content></ng-content>
    </div>
  </div>
</div>